/*create by duweina*/
ul li{width:100%;min-height:200px;height:auto;background:#fff;margin-top:10px;border:0px solid red;list-style: none;}
ul li h3{font-size:20px;color:#f4645f;text-align:left;margin-left:30px;margin-top:30px;}
ul li h3:hover{cursor:pointer;text-decoration: underline;}
ul li p.time{text-align:left;margin-left:30px;margin-top:5px;font-size:12px;color:#333;}
ul li p.time span{color:#f4645f;}
ul li p.time span:hover{cursor:pointer;text-decoration: underline;}
ul li p.cot{text-align:left;margin-left:30px;margin-top:20px;font-size:14px;color:#333;}
/*ul li .pic{width:150px;height:150px;border:1px solid red;float:right;margin-top:-75px;margin-right:30px;}*/
ul li .pic{width:200px;height:150px;position: absolute;top:14%;right: 2%}
ul li .pic img{width:200px;height:160px;border:1px solid rgb(232, 234, 236)}
.blog-context .blog-title{margin-top:30px;width: 70%;min-height: 120px;}
.blog-context .card{min-height: 200px;height: auto}
@media screen and (max-width: 768px) {
  ul li{width:100%;min-height:200px;height:auto;background:#fff;list-style: none;}
  ul li.two{margin-top:10px;}
  ul li h3{font-size:20px;color:#f4645f;text-align:left;margin-left:10px;margin-top:50px;}
  ul li h3:hover{cursor:pointer;text-decoration: underline;}
  ul li p.time{text-align:left;margin-left:10px;margin-top:5px;font-size:12px;color:#333;}
  ul li p.time span{color:#f4645f;}
  ul li p.time span:hover{cursor:pointer;text-decoration: underline;}
  ul li p.cot{text-align:left;margin-left:10px;margin-top:20px;font-size:14px;color:#333;}
  ul li .pic{width:110px;height:110px;position: absolute;top:14%;right: 2%;}
  ul li .pic img{width:110px;height:auto;}
  .blog-context .blog-title{width: 70%}
}
